.generate-class(@n, @i: 0) when (@i =< @n) {
  .height@{i} {
    height: 1px * @i !important;
  }
   .width@{i} {
    width: 1px * @i !important;
  }
  .mt@{i}{
    margin-top: 1px * @i !important;
  }
  .mr@{i}{
    margin-right: 1px * @i !important;
  }
  .mb@{i}{
    margin-bottom: 1px * @i !important;
  }
  .ml@{i}{
    margin-left: 1px * @i !important;
  }
  .pt@{i}{
    padding-top: 1px * @i !important;
  }
  .pr@{i}{
    padding-right: 1px * @i !important;
  }
  .pb@{i}{
    padding-bottom: 1px * @i !important;
  }
  .pl@{i}{
    padding-left: 1px * @i !important;
  }
  .generate-class(@n, (@i + 1));
}
.generate-class(301);
